@charset "utf-8";
/* CSS Document */
@media (max-width: 1000px) {
	#mobile{ display:block;}
	#pc{ display:none;}
	
	.m_bg{ width:100%; height:100%; background:url(../ly_images/m_img_ydybg1.jpg) no-repeat center top; background-size:cover;}
	.m_en{ position:absolute; right:10px; top:10px; z-index:2; color:#019d3c; font-size:1.2em;}
	.img_dmsly{ text-align:center; padding:5em 0 1em 0;}
	.img_dmsly img{ width:90%;}
	.icon_1,.icon_2,.icon_3{ width:140px; height:136px; margin:auto; margin-bottom:20px; text-align:center;}
	.icon_1 a,.icon_2 a,.icon_3 a{ font-size:1em; font-weight:bold; display:block; width:140px; height:136px;}
	.icon_1{ background:url(../ly_images/m_ydy_rk1.png) no-repeat center top;}
	.icon_2{ background:url(../ly_images/m_ydy_rk2.png) no-repeat center top;}
	.icon_3{ background:url(../ly_images/m_ydy_rk3.png) no-repeat center top;}
	.icon_1 a{ color:#02ac42;}
	.icon_2 a{ color:#349cf5;}
	.icon_3 a{ color:#ea5300;}
	.icon_1 a p,.icon_2 a p,.icon_3 a p{ padding-top:95px;}
	
	
}
@media screen and (min-width:768px) and (max-width:1000px){

	body{ font-size:18px;}
	
}
@media screen and (min-width:321px) and (max-width:767px){

	body{ font-size:16px;}
	
}
@media screen and (max-width:320px){
    html{
        font-size:14px;
    }